<div class="navshadw visible-lg"></div>
<div class="mdshadow visible-md"></div>
<div class="smshadow visible-sm"></div>
<div class="xsshadow visible-xs"></div>
<div class="jgnuwsnavbox hidden-xs">
		<div class="col-md-8">
			<div class="mainbody">
				<!--post start-->
				<div class="jgjnupost">
					<a href="#"><h2 class="jgjnuh2 txt-merah">Fifty shades of beer</h2></a>
					<div class="media-box">
						<div class="jgjnudestag2 txt-merah kiri">by : adminjogjanuws</div>
						<div class="jgjnudestag2 txt-buram kiri">9 menit yg lalu</div>
						<div class="jgjnudestag2 txt-buram kiri">123 menyukai</div>
						<div class="jgjnudestag2 txt-buram kiri">65 tidak menyukai</div>
						<div class="sambungfloat"></div>
					</div>
					<a href="#" class="jgjnuimg"><img src="<?php echo base_url('asset/img/1.jpg'); ?>" alt="gambar" title="gambar" width="100%"></a>
					<div class="jgjnudespost">
						Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
						tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
						consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
						cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
						proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
					</div>
					<div class="col-md-6 paddingnone">
						<a href="#" class="btn btn-default btnjgjnu"><i class="fa fa-thumbs-o-up"></i></a>
						<a href="#" class="btn btn-default btnjgjnu"><i class="fa fa-thumbs-o-down"></i></a>
						<a href="#" class="btn btn-default btnjgjnu"><b><i class="fa fa-comment-o"></i> 142 comment</b></a>
					</div>
					<div class="col-md-6 paddingnone">
						<a href="#" class="btn btn-default btnjgjnu jgjsertw kanan"><b><i class="fa fa-twitter"></i> twitter</b></a>
						<a href="#" class="btn btn-default btnjgjnu jgjserfa kanan"><b><i class="fa fa-facebook"></i> facebook</b></a>
					</div>
					<div class="sambungfloat"></div>
				</div>
				<!--post end-->
				<div class="asidettlpost comatas">COMENTAR</div>
				<!--comment start-->
				<div class="media media-bts">
					<div class="media-left media-top">
						<a href="#"><img class="media-object" src="<?php echo base_url('asset/img/asd4.jpg'); ?>" alt="Profil"></a>
					</div>
					<div class="media-body">
						<h4 class="media-heading">Media heading</h4>
						<div class="mediaisikoment">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						</div>
					</div>
				</div>
				<!--comment start-->
				<!--comment start-->
				<div class="media media-bts">
					<div class="media-left media-top">
						<a href="#"><img class="media-object" src="<?php echo base_url('asset/img/asd1.jpg'); ?>" alt="Profil"></a>
					</div>
					<div class="media-body">
						<h4 class="media-heading">Media heading</h4>
						<div class="mediaisikoment">
							Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
						</div>
					</div>
				</div>
				<!--comment start-->
			</div>
		</div>
		<aside class="col-md-4">
			<div style="width:100%;height:300px;margin-bottom:10px;background-color:#aaa;"></div>
			<div class="sidebar-widget">
				<h3 class="sidebar-widget-title">Recommended Posts</h3>
				<ul class="recommended">
					<?php foreach($recommend_post as $recommend_rec): ?>
						<li>
						<img src="<?php echo base_url("asset/img/posts-image/$recommend_rec[jonu_post_image]") ?>" class="recommended-img">
							<a href="<?php echo site_url("home/post/$recommend_rec[jonu_post_permalink]") ?>" class="recommended-title"><?php echo $recommend_rec['jonu_post_title'] ?></a>
						</li>
					<?php endforeach; ?>
				</ul>
			</div>
		</aside>
		<div class="sambungfloat"></div>
</div>

<!-- view sm  -->
<div class="visible-xs">
	<div class="vspostbox">
		<h1 class="vsttlpost">Fifty shades of beer</h1>
		<div class="vsdespostbox">
			<div class="vsdespost txtmerah">by : adminjogjanuws</div>
			<div class="vsdespost">9 menit yag lalu</div>
			<div class="vsdespost"> 123 like</div>
			<div class="vsdespost">1003 viewer</div>
			<div class="sambungfloat"></div>
		</div>
		<div class="vsimgpost">
			<img src="<?php echo base_url("asset/img/posts-image/postimage-20150228-05023411.png") ?>" width="100%" alt="ikuti judul post">
		</div>
		<div class="vsbtnbox">
			<div class="col-xs-6 paddingnone">
				<a href="#" class="btn btn-default btnjgjnu"><i class="fa fa-thumbs-o-up"></i></a>
				<a href="#" class="btn btn-default btnjgjnu"><i class="fa fa-thumbs-o-down"></i></a>
			</div>
			<div class="col-xs-6 paddingnone">
				<a href="#" class="btn btn-default btnjgjnu jgjsertw kanan"><b><i class="fa fa-twitter"></i></b></a>
				<a href="#" class="btn btn-default btnjgjnu jgjserfa kanan"><b><i class="fa fa-facebook"></i></b></a>
			</div>
			<div class="sambungfloat"></div>
		</div>
	</div>
	<div class="vscommentbox">
		<!--comment start-->
		<div class="media media-bts">
			<div class="media-left media-top">
				<a href="#"><img class="media-object" src="<?php echo base_url('asset/img/asd4.jpg'); ?>" alt="Profil"></a>
			</div>
			<div class="media-body">
				<h4 class="media-heading">Media heading</h4>
				<div class="mediaisikoment">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
				</div>
			</div>
		</div>

		<!--comment start-->
		<div class="media media-bts">
			<div class="media-left media-top">
				<a href="#"><img class="media-object" src="<?php echo base_url('asset/img/asd4.jpg'); ?>" alt="Profil"></a>
			</div>
			<div class="media-body">
				<h4 class="media-heading">Media heading</h4>
				<div class="mediaisikoment">
					Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmodtempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
				</div>
			</div>
		</div>	
	</div>
</div>
	
